<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2018/7/13
  Time: 11:13
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/static/js/plugins/layui/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/static/js/system/cj/style.css">
    <script src="/static/js/plugins/jquery-easyui/jquery.min.js"></script>
    <script src="/static/js/plugins/jquery-easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/static/js/plugins/layui/layui/lay/modules/form.js"></script>
    <script type="text/javascript" src="/static/js/plugins/layui/layui/lay/modules/element.js"></script>
    <script type="text/javascript" src="/static/js/system/settings.js"></script>

    <script type="text/javascript" src="/static/js/system/cj/jquery-2.1.0.min.js"></script>
    <script type="text/javascript" src="/static/js/system/cj/easyform.js"></script>

    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
    <style>
        .div2 {
            text-align: right;
            padding: 0 20px 0 2px;
        }

        .mylabel {
            width: auto;
            padding: 13px 0 0 25px;
            font-size: 16px;
            color: rgba(0, 0, 0, 0.66);
        }

        .modlebtn {
            padding: 0 0 20px 25px;
        }

        /*body .demo-class .layui-layer-btn{border-top:1px solid #E9E7E7}
        body .demo-class .layui-layer-title{background: #15cc21; color: #3145ff; border: none;}
        body .demo-class .layui-layer-btn a{background:#333;}
        body .demo-class .layui-layer-btn .layui-layer-btn1{background:#999;}*/
        .layui-layer-btn {
            background: #ffffff;
        }

        .layui-layer-content {
            padding: 0 0 20px 15px;
        }

        .myblock {
            width: 500px;
            height: 300px;
            padding: 0 0 20px 15px;
        }

        .messge {
            font-size: 18px;
            padding: 10px 5px 20px 15px;
        }

        .layui-form-label {
            padding: 20px 15px 0 20px;
        }

        input {
            padding: 15px 20px 0 -20px;

        }

        .psw {
            padding: 15px 20px 0 0;
        }

        .ff {
            padding: 15px 0 0 95px;
        }

        .lb {
        }


    </style>
</head>
<body>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
    <legend>修改密码</legend>
</fieldset>

<div style="padding: 20px; background-color: #F2F2F2;">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="form-div">
                    <form id="reg-form" action="/employee/changePassword"  method="post">
                        <input name="id" type="hidden" value="<@shiro.principal property='id'/>"/>
                        <table>
                            <tr>
                                <td>密码</td>
                                <td><input name="password" type="password" id="psw1" easyform="length:6-16;"
                                           message="密码必须为6—16位" easytip="disappear:lost-focus;theme:blue;"></td>
                            </tr>
                            <tr>
                                <td>确认密码</td>
                                <td><input type="password" id="psw2" easyform="length:6-16;equal:#psw1;"
                                           message="两次密码输入要一致" easytip="disappear:lost-focus;theme:blue;"></td>
                            </tr>
                        </table>

                        <div class="buttons">
                            <input value="确认修改" type="submit"
                                   style="margin-right:20px; margin-top:20px; color: #99f7f0">
                        </div>

                        <br class="clear">
                    </form>
                </div>

                <script type="text/javascript">
                    $(document).ready(function () {
                        $('#reg-form').easyform();
                    });
                </script>
                <div style="text-align:center;clear:both;">
                    <script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>
                    <script src="/follow.js" type="text/javascript"></script>
                </div>
            </div>
        </div>
    </div>
</div>

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
    <legend style="font-size: 25px">现在插播一则广告</legend>
</fieldset>

<script src="/static/js/plugins/layui/layui/layui.js" charset="utf-8"></script>
<div class="lb">
    <div class="layui-carousel" id="test1">
        <div carousel-item>
            <div><img src="/static/images/dafei.png" width="100%"></div>
            <div><img src="/static/images/lxw.png" width="100%"></div>
            <div><img src="/static/images/clipboard.png" width="100%"></div>
        </div>
    </div>
</div>
<!-- 条目中可以是任意内容，如：<img src=""> -->

<script src="/static/build/layui.js"></script>
<script>
    layui.use('carousel', function () {
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#test1'
            , width: '100%' //设置容器宽度
            , height: '55%'
            , arrow: 'always' //始终显示箭头
            //,anim: 'updown' //切换动画方式
        });
    });

</script>
</body>
</html>
